Frontend-разработчик от Skillbox

Программа курса

Курс состоит из нескольких тематических блоков. Они помогут вам погрузиться в разные аспекты разработк и освоить десятки передовых инструментов.

Вводный курс

Вы узнаете, что такое Frontend-разработка, какие задачи решает Frontend-разработчик, какие инструменты используются в работе. Поймёте, как работает компьютер, какие компоненты входят в компьютер, какие программы нужны для Frontend-разработки. Изучите принципы работы интернета и протоколы, которые используются для передачи данных. Сможете использовать редакторы кода, системы контроля версий, сборщики проектов.  Вы будете применять ресурсы: документацию по языкам программирования, форумы и сообщества разработчиков. Вы рассмотрите инструменты и методы, которые используются для грамотной работы в команде. 

Вы узнаете, что такое Frontend-разработка, какие задачи решает Frontend-разработчик, какие инструменты используются в работе. Поймёте, как работает компьютер, какие компоненты входят в компьютер, какие программы нужны для Frontend-разработки. Изучите принципы работы интернета и протоколы, которые используются для передачи данных. Сможете использовать редакторы кода, системы контроля версий, сборщики проектов.  Вы будете применять ресурсы: документацию по языкам программирования, форумы и сообщества разработчиков. Вы рассмотрите инструменты и методы, которые используются для грамотной работы в команде. 

Вы узнаете, что такое Frontend-разработка, какие задачи решает Frontend-разработчик, какие инструменты используются в работе.

Поймёте, как работает компьютер, какие компоненты входят в компьютер, какие программы нужны для Frontend-разработки.

Изучите принципы работы интернета и протоколы, которые используются для передачи данных.

Сможете использовать редакторы кода, системы контроля версий, сборщики проектов. 

Вы будете применять ресурсы: документацию по языкам программирования, форумы и сообщества разработчиков.

Вы рассмотрите инструменты и методы, которые используются для грамотной работы в команде. 

Базовые навыки

Поймёте, как подготовить контент для веб-сайта, какие инструменты используются для создания контента и форматы, поддерживаемые веб-браузерами. Узнаете, как правильно оформить текстовый блок на веб-странице и использовать HTML и CSS для создания различных элементов контента. Сможете создать информационный блок на веб-странице, применять различные элементы для оформления информации. Будете управлять гибкими компонентами и адаптировать его под различные размеры экранов устройств. Будете работать с HTML и CSS для создания элементов разделов. Сможете создавать форму на веб-странице, использовать HTML и CSS для создания элементов формы и обрабатывать данные, введенные пользователем. Научитесь создавать адаптивные детали дизайна. Будете формировать адаптивные качества целых разделов. Узнаете, как подарить анимации способность к адаптивности. Рассмотрите использование инструментов для оптимизации скорости загрузки страницы и улучшения её производительности. Вы узнаете, на чём основан один из наиболее востребованных языков программирования.  Рассмотрите объявление переменных в JavaScript. Узнаете, какие типы данных поддерживает язык, как работают простые выражения. Поймёте, что такое логический тип данных в JavaScript, какие условные операторы используются для принятия решений в коде. Освоите правила, соблюдая которые нужно создавать функции в JavaScript, передавать параметры в функцию, возвращать значения. Изучите Document Object Model. Поймёте, как он представляет HTML-документ в виде дерева объектов, как изменять содержимое страницы. Научитесь строить циклы для повторения блока кода, создавать массивы, добавлять и удалять элементы. Будете производить различные операции с массивами, например, сортировку, фильтрацию, поиск элементов. Научитесь формулировать встроенные функции для работы с массивами, такие как map, reduce, filter. Познакомитесь с добавлением и удалением свойств объекта. Погрузитесь в работу с более сложными элементами DOM, например, таблицами, формами, событиями. Будете работать с формами на странице, как получать и отправлять данные формы на сервер. Вы узнаете, как использовать встроенные объекты в JavaScript, такие как Math, Date, String. Будете подключать сторонние библиотеки в проект и применять их функциональность. Освоите хранение данных на стороне клиента с помощью localStorage и sessionStorage. Отправите запросы на сервер с помощью AJAX, будете получать и обрабатывать ответы от сервера. Узнаете, как обрабатывать ошибки в JavaScript, как обеспечивать конструкцию try-catch для отлова ошибок. Вы сможете создавать модули в JavaScript и использовать модульную систему для организации кода. Рассмотрите, как работает event loop в JavaScript, как использовать асинхронные функции для выполнения задач в фоновом режиме. Будете использовать наследование и полиморфизм для организации кода. На этом этапе вы начнёте процесс трудоустройства.

Поймёте, как подготовить контент для веб-сайта, какие инструменты используются для создания контента и форматы, поддерживаемые веб-браузерами. Узнаете, как правильно оформить текстовый блок на веб-странице и использовать HTML и CSS для создания различных элементов контента. Сможете создать информационный блок на веб-странице, применять различные элементы для оформления информации. Будете управлять гибкими компонентами и адаптировать его под различные размеры экранов устройств. Будете работать с HTML и CSS для создания элементов разделов. Сможете создавать форму на веб-странице, использовать HTML и CSS для создания элементов формы и обрабатывать данные, введенные пользователем. Научитесь создавать адаптивные детали дизайна. Будете формировать адаптивные качества целых разделов. Узнаете, как подарить анимации способность к адаптивности. Рассмотрите использование инструментов для оптимизации скорости загрузки страницы и улучшения её производительности.

Поймёте, как подготовить контент для веб-сайта, какие инструменты используются для создания контента и форматы, поддерживаемые веб-браузерами.

Узнаете, как правильно оформить текстовый блок на веб-странице и использовать HTML и CSS для создания различных элементов контента.

Сможете создать информационный блок на веб-странице, применять различные элементы для оформления информации.

Будете управлять гибкими компонентами и адаптировать его под различные размеры экранов устройств.

Будете работать с HTML и CSS для создания элементов разделов.

Сможете создавать форму на веб-странице, использовать HTML и CSS для создания элементов формы и обрабатывать данные, введенные пользователем.

Научитесь создавать адаптивные детали дизайна.

Будете формировать адаптивные качества целых разделов.

Узнаете, как подарить анимации способность к адаптивности.

Рассмотрите использование инструментов для оптимизации скорости загрузки страницы и улучшения её производительности.

Вы узнаете, на чём основан один из наиболее востребованных языков программирования.  Рассмотрите объявление переменных в JavaScript. Узнаете, какие типы данных поддерживает язык, как работают простые выражения. Поймёте, что такое логический тип данных в JavaScript, какие условные операторы используются для принятия решений в коде. Освоите правила, соблюдая которые нужно создавать функции в JavaScript, передавать параметры в функцию, возвращать значения. Изучите Document Object Model. Поймёте, как он представляет HTML-документ в виде дерева объектов, как изменять содержимое страницы. Научитесь строить циклы для повторения блока кода, создавать массивы, добавлять и удалять элементы. Будете производить различные операции с массивами, например, сортировку, фильтрацию, поиск элементов. Научитесь формулировать встроенные функции для работы с массивами, такие как map, reduce, filter. Познакомитесь с добавлением и удалением свойств объекта. Погрузитесь в работу с более сложными элементами DOM, например, таблицами, формами, событиями. Будете работать с формами на странице, как получать и отправлять данные формы на сервер. Вы узнаете, как использовать встроенные объекты в JavaScript, такие как Math, Date, String. Будете подключать сторонние библиотеки в проект и применять их функциональность. Освоите хранение данных на стороне клиента с помощью localStorage и sessionStorage. Отправите запросы на сервер с помощью AJAX, будете получать и обрабатывать ответы от сервера. Узнаете, как обрабатывать ошибки в JavaScript, как обеспечивать конструкцию try-catch для отлова ошибок. Вы сможете создавать модули в JavaScript и использовать модульную систему для организации кода. Рассмотрите, как работает event loop в JavaScript, как использовать асинхронные функции для выполнения задач в фоновом режиме. Будете использовать наследование и полиморфизм для организации кода.

Вы узнаете, на чём основан один из наиболее востребованных языков программирования. 

Рассмотрите объявление переменных в JavaScript. Узнаете, какие типы данных поддерживает язык, как работают простые выражения.

Поймёте, что такое логический тип данных в JavaScript, какие условные операторы используются для принятия решений в коде.

Освоите правила, соблюдая которые нужно создавать функции в JavaScript, передавать параметры в функцию, возвращать значения.

Изучите Document Object Model. Поймёте, как он представляет HTML-документ в виде дерева объектов, как изменять содержимое страницы.

Научитесь строить циклы для повторения блока кода, создавать массивы, добавлять и удалять элементы.

Будете производить различные операции с массивами, например, сортировку, фильтрацию, поиск элементов.

Научитесь формулировать встроенные функции для работы с массивами, такие как map, reduce, filter.

Познакомитесь с добавлением и удалением свойств объекта.

Погрузитесь в работу с более сложными элементами DOM, например, таблицами, формами, событиями.

Будете работать с формами на странице, как получать и отправлять данные формы на сервер.

Вы узнаете, как использовать встроенные объекты в JavaScript, такие как Math, Date, String.

Будете подключать сторонние библиотеки в проект и применять их функциональность.

Освоите хранение данных на стороне клиента с помощью localStorage и sessionStorage.

Отправите запросы на сервер с помощью AJAX, будете получать и обрабатывать ответы от сервера.

Узнаете, как обрабатывать ошибки в JavaScript, как обеспечивать конструкцию try-catch для отлова ошибок.

Вы сможете создавать модули в JavaScript и использовать модульную систему для организации кода.

Рассмотрите, как работает event loop в JavaScript, как использовать асинхронные функции для выполнения задач в фоновом режиме.

Будете использовать наследование и полиморфизм для организации кода.

На этом этапе вы начнёте процесс трудоустройства.

Продвинутые навыки

Узнаете, что такое TypeScript, как он отличается от JavaScript, какие преимущества имеет в разработке. Будете применять Node.js и npm в разработке на TypeScript, сможете настроить окружение для работы с ними. Рассмотрите инструменты, которые используются для автоматизации сборки проекта. Поймёте, как работает компилятор TypeScript, какие примитивные типы данных поддерживает язык, как использовать их в коде. Сможете применять типы данных. Узнаете, как используется типизация объектно-ориентированного программирования в TypeScript. Познакомитесь с понятием дженериков.  Поймёте, как использовать утилитарные типы в TypeScript, такие как Partial, Readonly, Record. Сможете проводить тестирование кода. Узнаете, как развивался TypeScript, какие новые возможности появились в последних версиях языка, какие перспективы есть у TypeScript в будущем. Изучите, как React.js используется для создания пользовательских интерфейсов, какие основные концепции и принципы лежат в его основе. Научитесь размещать на компонентах элементы пользовательского интерфейса. Будете организовывать логику компонентов. Рассмотрите данные из API и сможете хранить их в состоянии или контексте.  Поймёте, как организовывать структуру проекта на React, как разделять компоненты на отдельные файлы и папки, как использовать инструменты для сборки и оптимизации кода. Сможете отвечать за навигацию между страницами в React-приложении. Будете применять разные инструменты для автоматизации тестирования кода. Познакомитесь с улучшением производительности и уменьшением нагрузки на браузер. Освоите Server-Side Rendering. Вы научитесь использовать его для создания пользовательских интерфейсов. Будете обеспечивать взаимодействие. Научитесь передавать данные и события между компонентами, использовать слоты для динамической вставки содержимого. Узнаете, как изменять содержимое страницы. Будете управлять хранилищем Pinia и применять его для управления состоянием приложения. Вы научитесь использовать иснтурменты для тестирования кода на Vue. Вы поймёте, как организовывать структуру проекта на Vue, разделять компоненты на отдельные файлы и папки. Изучите принципы создания SSR-приложений на Vue. Разберёте различия между версиями Vue.js 2 и 3. Узнаете, какая методика наиболее эффективно позволяет запоминать слова и ориентироваться в грамматике даже с нуля. Вы научитесь составлять резюме и отражать в нём ваши сильные стороны. Соберёте все проделанные проекты воедино. Рассмотрите примеры тестовых заданий разных компаний. Пройдёте пробные собеседования, чтобы чувствовать себя уверенно на реальных. Продумаете ответы на каверзные вопросы.

Узнаете, что такое TypeScript, как он отличается от JavaScript, какие преимущества имеет в разработке. Будете применять Node.js и npm в разработке на TypeScript, сможете настроить окружение для работы с ними. Рассмотрите инструменты, которые используются для автоматизации сборки проекта. Поймёте, как работает компилятор TypeScript, какие примитивные типы данных поддерживает язык, как использовать их в коде. Сможете применять типы данных. Узнаете, как используется типизация объектно-ориентированного программирования в TypeScript. Познакомитесь с понятием дженериков.  Поймёте, как использовать утилитарные типы в TypeScript, такие как Partial, Readonly, Record. Сможете проводить тестирование кода. Узнаете, как развивался TypeScript, какие новые возможности появились в последних версиях языка, какие перспективы есть у TypeScript в будущем.

Узнаете, что такое TypeScript, как он отличается от JavaScript, какие преимущества имеет в разработке.

Будете применять Node.js и npm в разработке на TypeScript, сможете настроить окружение для работы с ними.

Рассмотрите инструменты, которые используются для автоматизации сборки проекта.

Поймёте, как работает компилятор TypeScript, какие примитивные типы данных поддерживает язык, как использовать их в коде.

Сможете применять типы данных.

Узнаете, как используется типизация объектно-ориентированного программирования в TypeScript.

Познакомитесь с понятием дженериков. 

Поймёте, как использовать утилитарные типы в TypeScript, такие как Partial, Readonly, Record.

Сможете проводить тестирование кода.

Узнаете, как развивался TypeScript, какие новые возможности появились в последних версиях языка, какие перспективы есть у TypeScript в будущем.

Изучите, как React.js используется для создания пользовательских интерфейсов, какие основные концепции и принципы лежат в его основе. Научитесь размещать на компонентах элементы пользовательского интерфейса. Будете организовывать логику компонентов. Рассмотрите данные из API и сможете хранить их в состоянии или контексте.  Поймёте, как организовывать структуру проекта на React, как разделять компоненты на отдельные файлы и папки, как использовать инструменты для сборки и оптимизации кода. Сможете отвечать за навигацию между страницами в React-приложении. Будете применять разные инструменты для автоматизации тестирования кода. Познакомитесь с улучшением производительности и уменьшением нагрузки на браузер. Освоите Server-Side Rendering.

Изучите, как React.js используется для создания пользовательских интерфейсов, какие основные концепции и принципы лежат в его основе.

Научитесь размещать на компонентах элементы пользовательского интерфейса.

Будете организовывать логику компонентов.

Рассмотрите данные из API и сможете хранить их в состоянии или контексте. 

Поймёте, как организовывать структуру проекта на React, как разделять компоненты на отдельные файлы и папки, как использовать инструменты для сборки и оптимизации кода.

Сможете отвечать за навигацию между страницами в React-приложении.

Будете применять разные инструменты для автоматизации тестирования кода.

Познакомитесь с улучшением производительности и уменьшением нагрузки на браузер.

Освоите Server-Side Rendering.

Вы научитесь использовать его для создания пользовательских интерфейсов. Будете обеспечивать взаимодействие. Научитесь передавать данные и события между компонентами, использовать слоты для динамической вставки содержимого. Узнаете, как изменять содержимое страницы. Будете управлять хранилищем Pinia и применять его для управления состоянием приложения. Вы научитесь использовать иснтурменты для тестирования кода на Vue. Вы поймёте, как организовывать структуру проекта на Vue, разделять компоненты на отдельные файлы и папки. Изучите принципы создания SSR-приложений на Vue. Разберёте различия между версиями Vue.js 2 и 3.

Вы научитесь использовать его для создания пользовательских интерфейсов.

Будете обеспечивать взаимодействие. Научитесь передавать данные и события между компонентами, использовать слоты для динамической вставки содержимого.

Узнаете, как изменять содержимое страницы.

Будете управлять хранилищем Pinia и применять его для управления состоянием приложения.

Вы научитесь использовать иснтурменты для тестирования кода на Vue.

Вы поймёте, как организовывать структуру проекта на Vue, разделять компоненты на отдельные файлы и папки.

Изучите принципы создания SSR-приложений на Vue.

Разберёте различия между версиями Vue.js 2 и 3.

Узнаете, какая методика наиболее эффективно позволяет запоминать слова и ориентироваться в грамматике даже с нуля.

Вы научитесь составлять резюме и отражать в нём ваши сильные стороны. Соберёте все проделанные проекты воедино. Рассмотрите примеры тестовых заданий разных компаний. Пройдёте пробные собеседования, чтобы чувствовать себя уверенно на реальных. Продумаете ответы на каверзные вопросы.

Вы научитесь составлять резюме и отражать в нём ваши сильные стороны.

Соберёте все проделанные проекты воедино.

Рассмотрите примеры тестовых заданий разных компаний.

Пройдёте пробные собеседования, чтобы чувствовать себя уверенно на реальных.

Продумаете ответы на каверзные вопросы.